* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
  }

html{
    font-size: 16px;
}

// header开始

  .box {
    height: 50px;
    background-color: #222;
    .container {
      padding: 0;
      // 导航栏
      .navbar-header {
        .navbar-brand {
          padding: 0 15px;
          display: flex;
          align-items: center;
        }
      }
      .navbar {
        border: none;
        margin-bottom: 0;
      }
      .navbar-wrapper {
        .navbar-brand {
          padding: 0 15px;
          > img {
            width: 130px;
          }
        }
      }
    }
  }
 main{
      .dt{
          .dt_con{
              .dt_row{
                  margin-bottom: 5.3125rem;
                  .pic{
                    padding-left: 0;
                    a{
                      border: .0625rem solid #eeeeee;
                      display: block;
                      width: 100%;
                      height: 100%;
                      position: relative;
                        h5{
                          font-size: .875rem;
                            color: #fff;
                            display:flex;
                            justify-content: center;
                            align-items: center;
                            width:100%;
                            height: 2.5rem;
                            background-color: rgba($color: #000000, $alpha: 0.6);
                            position: absolute;
                           bottom: 0;
                           margin: 0;
                        }
                        img{
                          width: 100%;
                          height: 100%;
                      }
                    }
                 
                    
                     
                  }
                  .title{
                      h2{
                          color: #ff6b08;
                          margin: 2.5rem 0; 
                      }
                  }
              }
          }
      }
      .al{
          .al_con{
        border-bottom:1px dashed  #919191;

              .al_row{
                  margin-bottom: 3.75rem;
              
                  a{
                     color: #000;
                     text-decoration: none;
                  }
                  .pic{
                    padding: .2rem .2rem;
                        border-radius: .4375rem;
                        border:1px solid #dddddd;
                        img{
                             width: 100%;
                             height: 100%;
                        }
                      
                    
                  }
                  .r{
                    h4{
                      color: #919191;
                      &:hover{
                        color: #ff6900;
                        
                    }
                    }
                      h5{
                        &:hover{
                          color: #ff6900;
                        }
                      color: #919191;

                          line-height: 1.5rem;
                        
                      }
                      button{
                      position: absolute;
                      right:15px;
                      border-radius: .9375rem;
                      width: 6.25rem;
                      height: 32px;
                      border: .0625rem solid #ff6900; 
                      background-color: #fff;
                      &:hover{
                      background-color: #ff6900;
                      a{
                          color: #fff;
                      }

                      }
                        a{
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            color: #ff6900;
                            text-decoration: none;
  
                        }
                      }
                       
                    
                  }
              }
          }
      }
      .bt{
        padding: 0;
        display: flex;
        justify-content: center;

        div{
          margin-top: 2.1875rem;
          margin-bottom: 1.5625rem;
          display: flex;
          button{
            border:1px solid #dddddd;
            background-color: #fff;
            height: 1.875rem;

            a{
              text-decoration: none;
              color: #000;
              font-size: .75rem;
              margin:1rem .625rem;
            }
            &:hover{
              background-color: #e34637;
              a{
                color: #fff;
              }
            }
          }
      
        }
       
      }
 }
  

  //  尾部
  footer{
    //底部联系
    .bt{
      background-color: #3b3b3b;
        .bt_con{
          .bt_row{
           //  联系
            .txt{
              margin: 1.875rem 0;
              p{
                color: #9798a0;
                a{
                color: #9798a0;
                }
                &:first-child{
                  font-size: .875rem;
                }
                &:last-child{
                  font-size: .75rem;
                }
              }
            }
          }
         //  二维码
          .bt_pic{
            margin-top:2.3125rem;
              text-align: right;
            img{
              &:first-child{
                  &:hover+img{
                    display: block;
                  }
              }
              &:nth-child(3){
                margin: 0 0.8rem;
                &:hover +img {
                  display: block ;
                }
              }
              &:nth-child(5){
                &:hover+img{
                  display: block;
                }
              }

             //  隐藏
              &:nth-child(2){
               position: absolute;
               bottom: 40px;
               right: 69px;
               display: none;
              }
              &:nth-child(4){
               position: absolute;
               bottom: 40px;
               right: 15px;
               display: none;
              }
              &:last-child{
               position: absolute;
               bottom: 40px;
               right: -40px;
               display: none;
              }
            }
          
          }
        }
    }
 }

  // ipad端 >= 768px   < 992px
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .box {
      height: 100%;
      .navbar-wrapper {
        .navbar {
          margin-bottom: 0;
        }
        // 语言
        #navbar {
          .dropdown {
            position: absolute;
            top: 0;
            right: 80px;
          }
        }
      }
    }
   
    main{
      .al{
        .al_con{
          .al_row{
            margin-bottom: 3rem;
            .r{
              h4,h5{
                line-height: 1rem;
              }
            }
          }
        }
      }
    }
    footer{
      // 底部联系
      .bt{
       .bt_con{
         .bt_row{
          .ewm{
            width: 50%;
          } 
          img{
            &:nth-child(2){
              right:94px;
            }
            &:nth-child(4){
             right:40px;
           }
           &:last-child{
             right:-10px;
           }
          }
         }
       }
     }
   }
}


 // 移动端 < 768px
 @media screen and (max-width: 767px) {
    .box {
      height: 100%;
      .navbar-wrapper {
        .container {
          .navbar {
            margin-bottom: 0;
          }
          // 语言
          #navbar {
            position: absolute;
            left: 0;
            top: 50px;
            background-color: #222;
            width: 100vw;
          
          }
        }
      }

      
      
  }
  
  main{
    .dt{
      .dt_con{
        .dt_row{
          margin-bottom: 0;
          .title{
            h2{
              font-size:1.25rem;
              margin: 1.5rem 0;
            }
          }
          .pic{
            margin-bottom: 1rem;
            .a{
              h5{
              }
            }
          }
        }
      }
    }
    .al{
      .al_con{
        .al_row{
          margin-bottom: .8rem;
          .r{
            h4{
                font-size: .75rem;
                margin: 0;
            }
            h5{
              width: 80%;
              line-height:1rem;
              margin: 0;
              font-size: .6rem;
              // 超出显示...
              &:last-child{
                text-overflow: ellipsis;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; 
                display: -webkit-box; 
                overflow: hidden;
              }
            }
            button{
              bottom: 0;
              width: 17%;
              height: 40% ;
              a{
                font-size: .6rem;
              }
            }
          }
        }
      }
    }
  }
  // 尾部
  footer{
    //底部联系
    .bt{
     .bt_con{
       .bt_row{
         .txt{
           margin: 1rem  0;
           p{
            
               margin-bottom: 0;
           }
         }
         .bt_pic{
           margin-top: 20px;
          .pic1{
            width: 20%;
          }
           .ewm{
             width:30%;
           }
           img{
             &:last-child{
               bottom: 28px;
               right: 3px;
             }
             &:nth-child(2){
               bottom:28px;
               right: 86px;
             }
             &:nth-child(4){
               bottom: 28px;
               right: 46px;
             }
           }
            
            
         }
       }
     }
   }
}
}